import React, {Component} from 'react'

//高阶组件不是一个功能，而是一种模式
const HOCFactory = (Hoc) => {
    class HocDemo extends Component {
        //此处定义多个组件的公共逻辑
        componentDidMount() {
            console.log('此处定义多个组件的公共逻辑')
        }

        render() {
            return (
                <div>
                    <h1>头部组件</h1>
                    <span>高阶组件内容</span>
                    <Hoc {...this.props} />
                    <h1>底部组件</h1>
                </div>
            );
        }
    }

    return HocDemo
}

export default HOCFactory





